import { Component } from '@angular/core';
import { NgForDemoDirective } from './ng-for-demo.directive';

interface Car {
  year: number;
  model: string;
  make: string;
}

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [NgForDemoDirective],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
})
export class AppComponent {
  numbers = [1, 2, 3, 4, 5];
  animals = ['cat', 'dog', 'lion', 'whale', 'rooster'];

  cars: Car[] = [
    {
      make: 'Toyota',
      year: 1984,
      model: 'AE86',
    },
    {
      make: 'Mazda',
      year: 1991,
      model: 'RX-7 FD',
    },
    {
      make: 'Xiaomi',
      year: 2024,
      model: 'SU7 Ultra',
    },
  ];
}
